/*每个页面公共css */
page {
	background-color: #f7f7f7;
}
view {
	box-sizing: border-box;
	line-height: 1;
}
text {
	line-height: 1;
}
image {
	width: 100%;
	height: 100%;
}
// 吸顶
.sticky-box {
	background-color: white;
	position: sticky;
	top: var(--element-top);
	z-index: 99;
}
//点击的clss
.h-c {
	opacity: .8
}
.w-100 {
	width: 100% !important;
	height: 100% !important;
}
/* 美化富文本 */
.u-parse-con {
	padding: 32rpx;
}
.u-parse-con text {
	line-height: 1.5;
	font-size: 36rpx;
}
.m-opacity-0 {
	opacity: 0;
}
.opacityTransfoem {
	animation: .3s showView ease-out;
	-webkit-animation: .3s showView;
	animation-fill-mode: both
}
/* 透明度渐变 */
.enter {
	opacity: 0;
}
.o-t {
	animation: .3s showView ease-out;
	-webkit-animation: .3s showView;
	animation-fill-mode: both
}
@keyframes showView {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
@-webkit-keyframes showView {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}


/* flex布局 */
.flex {
	display: flex;
}
.flex-c {
	display: flex;
	align-items: center;
}
.flex-c-c {
	display: flex;
	align-items: center;
	justify-content: center
}
.flex-c-s {
	display: flex;
	align-items: center;
	justify-content: space-between
}
.flex-c-e {
	display: flex;
	align-items: center;
	justify-content: space-evenly
}

.flex-s-b {
	display: flex;
	justify-content: space-between
}
.flex-d-c {
	flex-direction: column;
}



/* 去除button默认样式 */
.clear-buttons-style {
	button {
		background-color: transparent;
		padding: 0;
		margin: 0;
		line-height: inherit;
		border-radius: 0;
		width: auto;
		text-align: left;
	}

	button::after {
		border: none;
	}
	uni-button:after{
		border: none;
		
		content: '';
		height: 100%;
	}
}

/* 获取底部安全区域高度  <u-safe-bottom></u-safe-bottom>*/

.safe-area-inset-bottom {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
}

//获取顶部安全区域高度 <u-status-bar></u-status-bar>
.padding-top {
	padding-top: env(safe-area-inset-top);
}

//获取左侧安全区域高度
.padding-left {
	padding-left: env(safe-area-inset-left);
}

//获取右侧安全区域高度
.padding-right {
	padding-right: env(safe-area-inset-right)
}





/* 选中 未选中 禁用状态 */

.no-checkout {
	width: 30rpx;
	height: 30rpx;
	// border: 2px solid #EEEEEE;
	background-color: #EEEEEE;
	border-radius: 15rpx;
}
.is-checkout {
	width: 30rpx;
	height: 30rpx;
	border: 5px solid $main_color;
	border-radius: 50%;
}

.is-disabled {
	width: 31rpx;
	height: 31rpx;
	background-color: #787878;
	border-radius: 50%;
}